<!-- 
  vue和react都是组件化的。都是数据驱动视图。只需要关心数据，不需要关心DOM。好事。
  vue: mvvm    
  react: setState 
  
  操作真实dom，比较慢。但是浏览器是执行js非常快，dom操作非常慢。这是一个痛点？
  解决：使用js去模拟dom（vdom）。运行js代码非常快。目的是为了让数据驱动视图可以快速的响应。
    还可以进一步的优化：数据变了，得到一个新的vdom，计算出最小的变更（diff），根据变量，尽可以少的操作dom。

下面的是一片真实的DOM：
  <div id="div1" class="container">
    <p>vdom</p>
    <ul style="font-size: 20px;">
      <li>a</li>
    </ul>
  </div>

// 用js模拟真实DOM
  <script>
    // vdom
    let vdom = {
      tag:"div",
      props:{
      className:"container",
      id:"div1"
      },
      children:[
        {
          tag:'p',
          children:'vdom'
        },
        {
          tag:'ul',
          props:{style:'font-size:20px'},
          children:[
            {
              tag:'li',
              children:'a'
            }
            // ...
          ]
        }
      ]
    }
  </script>

 -->